<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="stylesheet" href="./登录.css">
    <script src="./登录验证.js"></script>

</head>
<body>
    <div class="box">
        <div class="text2">欢迎登录</div>
        <!-- 用户名盒子 -->
            <div class="username">
                <input type="text" id="username" placeholder="请输入用户名" class="size">
            </div>
            <!-- 密码盒子 -->
            <div class="password">
                <input type="password" id="password" placeholder="请输入密码" class="size">
            </div>
            <button type="submit" class="fore text1" onclick="login()">登录</button>
            <p id="error-message" style="color: red; display: none;" class="mistake">用户名或密码错误</p>
            <p id="check" style="color: red; display: none;" class="check">请先阅读并同意协议</p>
            <label class="text3">
                <input type="checkbox">我已阅读并同意<a href="#">用户服务协议</a>
            </label>
            <div class="register">没有账号？<a href="./注册页面.html">点击注册</a></div>
    </div>


</body>
</html>